<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <!--[if lt IE 9]>
    <script type="text/javascript" src="../../lib/html5shiv.js?rev=@@hash"></script>
    <script type="text/javascript" src="../../lib/respond.min.js?rev=@@hash"></script>
    <![endif]-->
    <link rel="stylesheet" type="text/css" href="../../static/h-ui/css/H-ui.min.css" />
    <link rel="stylesheet" type="text/css" href="../../static/h-ui.admin/css/H-ui.admin.css" />
    <link rel="stylesheet" type="text/css" href="../../lib/Hui-iconfont/1.0.8/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="../../static/h-ui.admin/skin/default/skin.css" id="skin" />
    <link rel="stylesheet" type="text/css" href="../../static/h-ui.admin/css/style.css" />
    <link rel="stylesheet" type="text/css" href="../../ht-css/Project.css" />
    <!--[if IE 6]>
    <script type="text/javascript" src="../../lib/DD_belatedPNG_0.0.8a-min.js" ></script>
    <script>DD_belatedPNG.fix('*');</script>
    <![endif]-->
    <link rel="stylesheet" type="text/css" href="../../ht-css/style-q.css" />
    <title>订单详情</title>
</head>
<body>
<nav class="breadcrumb">订单管理 <span class="c-gray en">&gt;</span> 订单查询 <span class="c-gray en">&gt;</span> 订单详情<a class="btn btn-success radius r" style="line-height:1.6em;margin-top:3px" href="javascript:location.replace(location.href);" title="刷新" ><i class="Hui-iconfont">&#xe68f;</i></a></nav>
<article class="page-container">
  <form class="ml-20 mr-20" id="form-member-add"  method="post">
    <div class="bg-1 bk-gray pd-20 mb-20">
      <div class="va-m lh-20 f-16 pb-15">
          <strong>订单状态：<span id="orderState">待配货</span></strong>
          <span>
              <a onclick="affirmMoney()" id="affirmMoney" class="btn btn-secondary radius size-S ml-20" style="display: none">确认认款</a>
              <a onclick="detailCancel()" id="detailCancel" class="btn btn-secondary radius size-S ml-20" style="display: none">取消</a>
              <a onclick="clientRejection('客户拒收','rejection.html')" id="clientRejection" class="btn btn-secondary radius size-S ml-20" style="display: none">客户拒收</a>
              <a onclick="returnGoods()" id="returnGoods" class="btn btn-secondary radius size-S ml-20" style="display: none">退货</a>
              <a onclick="maintain()" id="maintain" class="btn btn-secondary radius size-S ml-20" style="display: none">维修</a>
              <span id="cancleReason" style="display: none">客户主动取消</span>
              <a onclick="buyAgain()" id="buyAgain" class="btn btn-secondary radius size-S ml-20" style="display: none">再次购买</a>
              <a onclick="pass()" id="pass" class="btn btn-secondary radius size-S ml-20" style="display: none">通过</a>
              <span id="returnReason" style="display: none">退货原因</span>
          </span>
      </div>
      <table>
        <tr>
          <td class="col-4-1">订单号：<span id="orderId">1234567898765432345</span></td>
          <td class="col-4-1">下单时间：<span id="creatOrderTime">2017-12-12 23：23：34</span></td>
          <td class="col-4-2" colspan="2"></td>
        </tr>
        <tr  class="orderRemark">
          <td class="col-1-1 pt-15" colspan="3"><span class="f-l">订单备注：</span>
          <div class="formControls col-xs-8 col-sm-9 f-l">
            <textarea name="NU" class="textarea radius" id="NU" placeholder="请输入备注信息" readonly="readonly"></textarea>
          </div>
          <div id="isSaveFalse" class="mt-50 pt-20 f-l" onclick="toEdit()"><a class="mr-20">编辑</a></div>
          <div id="isSaveTrue" style="display:none" class="mt-50 pt-20 f-l"><a onclick="toSave()" class="mr-20">保存</a><a onclick="toCancle()" class="mr-20">取消</a></div>
          </td>
        </tr>
      </table>
    </div>
    <div class="bg-1 bk-gray pd-20 mb-20">
      <div class="va-m lh-20 f-14 pb-15">
          <strong>基本信息</strong>
      </div>
      <div class="line"></div>
      <div class="pd-20 mb-20">
          <table>
              <tr>
                  <td class="col-4-l">客户名称：<span id="buyer-name">中铁六局</span></td>
                  <td class="col-4-1">下单账号：<span id="created-order-code">91000000</span></td>
                  <td class="col-4-1">联系方式：<span id="contact-way">ABV</span></td>
                  <td class="col-4-1">销售经理：<span id="sales-manager">红色</span></td>
              </tr>
              <tr>
                  <td class="col-4-1 va-t">收货人：<span id="consignee">91000000</span></td>
                  <td class="col-4-1 va-t">收货地址：<span id="receiver-address">家用电线电缆BV系列</span></td>
              </tr>
          </table>
      </div>
    
      <div class="va-m lh-20 f-14 pb-15">
          <strong>支付与配送信息</strong>
      </div>
      <div class="line"></div>
      <div class="pd-20 mb-20">
          <table>
              <tr>
                  <td class="col-4-1">支付方式：<span id="pay-type">91000000</span></td>
                  <td class="col-4-1">配送方式：<span id="delivery-method">91000000</span></td>
                  <td class="col-4-1">运费：<span id="freight">家用电线电缆BV系列</span></td>
                  <td class="col-4-1">预计送达时间：<span id="predixt-delivery-time">91000000</span></td>
              </tr>
              <tr>
                  <td class="col-4-1">客户预约时间：<span id="appointment-time">外箱50包</span></td>
                  <td class="col-4-1">司机：<span id="driver-phone">张三110</span></td>
                  <td class="col-4-1">配送员：<span id="distributor-phone">李四120</span></td>
              </tr>
          </table>
      </div>

      <div class="va-m lh-20 f-14 pb-15">
          <strong>发票信息</strong>
      </div>
      <div class="line"></div>
      <div class="pd-20 mb-20">
          <table>
              <tr>
                  <td class="col-4-1">发票类型：<span id="invoice-type">91000000</span></td>
                  <td class="col-4-1">发票抬头：<span id="invoice-title">91000000</span></td>
                  <td class="col-4-1">发票内容：<span id="invoice-content">家用电线电缆BV系列</span></td>
              </tr>
          </table>
      </div>
      
      <div class="va-m lh-20 f-14 pb-15">
          <strong>商品信息</strong>
      </div>
      <div class="pd-20 mb-20">
          <table class="table table-border table-bordered table-hover table-bg table-sort mt-10" id="datatable">
              <thead>
              <tr class="text-c">
                  <th style="width: 300px;">商品</th>
                  <th>发货仓</th>
                  <th>购买数量</th>
                  <th>单价</th>
                  <th>小计</th>
              </tr>
              </thead>
              <tbody class="shun">
              </tbody>
          </table>
      </div>
        <div class="text-r pd-20">
            <p>商品金额：&yen;<span id="goodsAmount">200.00</span></p>
            <p>运&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;费：&yen;<span id="fare">200.00</span></p>
            <p>订单总金额：&yen;<span id="orderAmount">200.00</span></p>
        </div>
    </div>
  </form>
</article>
<!--_footer 作为公共模版分离出去-->
<script type="text/javascript" src="../../lib/jquery/1.9.1/jquery.min.js?rev=@@hash"></script>
<script type="text/javascript" src="../../lib/layer/2.4/layer.js?rev=@@hash"></script>
<script type="text/javascript" src="../../static/h-ui/js/H-ui.min.js?rev=@@hash"></script>
<script type="text/javascript" src="../../static/h-ui.admin/js/H-ui.admin.js?rev=@@hash"></script> <!--/_footer 作为公共模版分离出去-->
<!--请在下方写此页面业务相关的脚本-->
<script type="text/javascript" src="../../lib/My97DatePicker/4.8/WdatePicker.js?rev=@@hash"></script>
<!--表单验证-->
<script type="text/javascript" src="../../lib/jquery.validation/1.14.0/jquery.validate.js?rev=@@hash"></script>
<script type="text/javascript" src="../../lib/jquery.validation/1.14.0/validate-methods.js?rev=@@hash"></script>
<script type="text/javascript" src="../../lib/jquery.validation/1.14.0/messages_zh.js?rev=@@hash"></script>
<script type="text/javascript" src="../../lib/datatables/1.10.0/jquery.dataTables.min.js?rev=@@hash"></script>
<script type="text/javascript" src="../../lib/laypage/1.2/laypage.js?rev=@@hash"></script>
<script src="../../ht-js/public.js?rev=@@hash"></script>
<script src="../../ht-js/Project.js?rev=@@hash"></script>
<script src="../../ht-js/order/prepare-info.js?rev=@@hash"></script>
</body>
</html>